<template lang="html">
  <div>
    <sui-button social="facebook" content="Facebook" icon="facebook" />
    <sui-button social="twitter" content="Twitter" icon="twitter" />
    <sui-button social="google" content="Google" icon="google" />
    <sui-button social="vk" content="VK" icon="vk" />
    <sui-button social="linkedin" content="LinkedIn" icon="linkedin" />
    <sui-button social="instagram" content="Instagram" icon="instagram" />
    <sui-button social="youtube" content="Youtube" icon="youtube" />
  </div>
</template>

<script>
export default {
  name: 'ButtonSocialExample',
};
</script>
